<%@page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
		String path = request.getContextPath();
		String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
		//useBodyEncodingForURI="true" URIEncoding="UTF-8"
				//UserServlet.doPost()--has report url===http://192.168.1.118:8087/cnbi_sys_model/resources/report/2013/03/11/农垦集团.htm
%>
<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<title>最新利润模型</title>
	</head>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
<jsp:include page="../../common/jsp/sys.jsp"></jsp:include>
<script type="text/javascript"src="js/index_lirun.js"></script>
<style>
 .main{
    width:800px;
    height: 630px;
    margin: 0 auto;
}
input {
	border: 0;
	font-weight: bold;
	font-size:10px;
	width: 45px;
	-webkit-border-radius: 45px;
	border-radius: 45px;
}

input:focus {
	background-color: #FF6;
}
.top {
	height: 50px;
	width: 100%;
	align: center;
}

.top_left {
	width: 40%;
	float: left;
	height: 300px;
}

.top_left1 {
	width: 40%;
	float: left;
	height: 150px;
}

.top_left2 {
	width: 10%;
	float: left;
	height: 25px;
}

.content {
	width: auto;
	height: 40px;
	font-family: "微软雅黑";
	margin-top:5px;
	WHITE-SPACE: nowrap;
}

.content1 {
	width: auto;
	height: 40px;
	font-family: "微软雅黑";
	WHITE-SPACE: nowrap;
}

.top_right {
	width: 60%;
	float: left;
	height: 33%;
}

.top_right_top {
	width: 100%;
	float: left;
	height: 40%;
}

.top_right_top1 {
	width: 27%;
	float: left;
	height: 30%;
}

.top_right_top2 {
	width: 9.5%;
	float: left;
	height: 200px;
}

.top_right_but {
	width: 100%;
	height: 25%;
}

 .top_right_but1 {
	width: 90%;
	height:100px;
	background-image: url(images/tu11.jpg);
	float: left;
	margin-top: -20px;
}

.rb11-left {
	height: 40%;
	float: left;
	width: 35%;
	margin-left: 50px;
}

.rb11-right {
	height: 40%;
	float: left;
	width: 35%;
	margin-left: 30px;
}

.but {
	height: 35%;
	width: 100%;
	align: center;
}

.but-left {
	width: 50%;
	height: 50%;
	margin-top: 10px;
}

.but-left-1 {
	-webkit-border-radius: 65px;
	border-radius: 65px;
	font-family: "微软雅黑";
	background-color: #CCC;
	width: 20%;
	float: left;
	height: 50%;
	text-align: center;
	font-size: 14px;
}

.but-left-2 {
	float: left;
	height: 50%;
	width: 100%;
	margin-left: 20px;
}

.but-right {
	float: left;
	width: 40%;
	height: 50%;
}

.tushi {
	-webkit-border-radius: 65px;
	border-radius: 65px;
	font-family: "微软雅黑";
	background-color: #CCC;
	width: 100%;
	height: 10%;
	text-align: center;
	font-size: 14px;
}
.inpu{
	margin-left:5px;
	margin-top:-35px;
	font-size:13px;
	width:120px;
	text-align: right!important;
}

</style>
	<body>
 <jsp:include page="../../common/jsp/common.jsp"></jsp:include>
	 <div id="mainshell" class="image_divss" style="height:630px;">
	 <%--  <jsp:include page="../../common/loadMask.jsp"/>  --%>
	  <div class="mainshell">利润情况分析</div>
	  
      <div class="main">
		<div id="document" class="demo" style="height: 100%; width: 100%;">
			
			<div align="center">
				<div class="qjxz" style="font-size: 18px">
					<h1>
						
					</h1>
				</div>
				<div align="right">
					<!-- <div id="change" style="margin-left:80px;margin-top:5px;"></div>-->
					<span id="button1Id"></span>
					<span id="button2Id"></span>
				</div>
			</div>
			<!--上面上面上面上面上面上面上面上面上面上面上面上面上面上面上面上面上面上面上面上面上面上面上面上面上面-->
			<div class="top">
				<div class="top_left">
					<div class="top_left1">
						<div class="content">
							<div style="font-size: 13px;">
								<label for="yysrinput" style="font-size: 13px;">
									营业收入
								</label>
								
							</div>
							<div id="yysrId" style=""></div>
							<input type="text" id="yysrinput" class="inpu" />
							<br>
							<br>
						</div>
						<div class="content">
							<div style="font-size: 13px; margin-top: 20px;">
								<label for="yycbinput" style="font-size: 13px;">
									营业成本
								</label>
								
							</div>
							<div id="yycbId"></div>
							<input type="text" id="yycbinput" value="400"
									 class="inpu" />
							<br>
							<br>
						</div>
						

					<div>
						<div id="BQ"></div>		
						<div id="LJ"></div>
					</div>
					</div>
					<div class="top_left2">
						<div style="float: left; margin-top: 30px; height: 40%">
							<img src="images/lirun6.png" />
						</div>
					</div>
					<div class="top_left1">
						<div class="content">
							<div style="font-size: 13px;">
								<label for="zyywmlspan" style="font-size: 13px;">
									毛利
								</label>
								
							</div>
							<div id="zyywmlId"></div>
							<span id="zyywmlspan" style="float:right;font-size: 13px;font-weight: bold">200</span>
							<br>
						</div>
						<div class="content">
							<div style="font-size: 13px; margin-top: 20px;">
								<label for="yysjjfjinput" style="font-size: 13px;">
									营业税金及附加
								</label>
								
							</div>
							<div id="yysjjfjId"></div>
							<input type="text" id="yysjjfjinput" value="400"
									 class="inpu" />
							<br>
						</div>
						<div class="content" style="margin-top:20px">
							<div style="font-size: 13px;">
								<label for="xsfyinput" style="font-size: 13px;">
									销售费用
								</label>
								
							</div>
							<div id="xsfyId"></div>
							<input type="text" id="xsfyinput" value="400"
									 class="inpu" style="margin-top:-10px"/>
							<br>
						</div>
						<div class="content" style="margin-top:20px">
							<div style="font-size: 13px;">
								<label for="glfyinput" style="font-size: 13px;">
									管理费用
								</label>
								
							</div>
							<div id="glfyId"></div>
							<input type="text" id="glfyinput" value="400"
									 class="inpu" />		
							<br>
						</div>
						<div class="content" style="margin-top:20px">
							<div style="font-size: 13px;">
								<label for="cwfyinput" style="font-size: 13px;">
									财务费用
								</label>
								
							</div>
							<div id="cwfyId"></div>
							<input type="text" id="cwfyinput" value="400"
									 class="inpu"/>
							<br>
						</div>
						<div class="content" style="margin-top:20px">
							<div style="font-size: 13px;">
								<label for="zcjzssinput" style="font-size: 13px;">
									资产减值损失
								</label>
								
							</div>
							<div id="zcjzssId"></div>
							<input type="text" id="zcjzssinput" value="400"
									 class="inpu"/>
							<br>
						</div>
						<div class="content" style="margin-top:20px">
							<div style="font-size: 13px;">
								<label for="gyzbddsyinput">
									公允值变动收益
								</label>
								
							</div>
							<div id="gyzbddsyId"></div>
							<input type="text" id="gyzbddsyinput" value="400" class="inpu"/>
							<br>
						</div>
						<div class="content" style="margin-top: 20px;">
							<div style="font-size: 13px;">
								<label for="tzsyinput" style="font-size: 13px;">
									投资收益
								</label>
							</div>
							<div id="tzsyId"></div>
							<input type="text" id="tzsyinput" value="400"
									 class="inpu" />
							<br>
                        
						</div>

					</div>
					<div class="top_left2">
						<div style="float: left; margin-top: 5px">
							 <img src="images/bg22.png" />
						</div>
					</div>
				</div>
				<!-- 上面右边-->
				<div class="top_right">
					<div class="top_right_top">
						<div class="top_right_top1">
							<div class="content">
								<div style="font-size: 13px;">
									<label for="yylrspan">
										营业利润
									</label>
									
								</div>
								<div id="yylrId"></div>
								<span id="yylrspan" style="float: right;font-size:13px;font-weight: bold">200</span>
								<br>
								<br>
							</div>
							<div class="content">
								<div style="font-size: 13px; margin-top: 20px;">
									<label for="yywsrinput">
										营业外收入
									</label>
									
								</div>
								<div id="yywsrId"></div>
								<input type="text" id="yywsrinput" value="400" class="inpu" />
								<br>
								<br>
								<br>
							</div>
							<div class="content">
								<div style="font-size: 13px; margin-top: 20px;">
									<label for="yywzcinput">
										营业外支出
									</label>
									
								</div>
								<div id="yywzcId"></div>
								<input type="text" id="yywzcinput" value="400"
										class="inpu"/>
								<br>
								<br>
								<br>
							</div>
						</div>
						<div class="top_right_top2" style="margin-top:5px">
							<div style="float: left; margin-top: 0px">
								<img src="images/lirun3.png" />
							</div>
						</div>
						<div class="top_right_top1">
							<div class="content">
								<div style="font-size: 13px;">
									<label for="lrzespan">
										利润总额:
									</label>
									
								</div>
								<div id="lrzeId"></div>
								<span id="lrzespan" style="float: right;font-size:12px;font-weight: bold">200</span>
								<br>
								<br>
							</div>
							<div class="content">
								<div style="font-size: 13px; margin-top: 20px;">
									<label for="sdsfyinput">
										所得税费用
									</label>
									
								</div>
								<div id="sdsfyId"></div>
								<input type="text" id="sdsfyinput" value="400" class="inpu" />
								<br>
								<br>
								<br>
							</div>
							<div class="content">
								<div style="font-size: 13px; margin-top: 20px;">
									<label for="ssgdqyinput">
										少数股东权益
									</label>
								
								</div>
								<div id="ssgdsyId"></div>
									<input type="text" id="ssgdsyinput" value="400"class="inpu" />
								<br>
								<br>
							</div>
						</div>
						<div class="top_right_top2">
							<div style="float: left; margin-top: 5px">
								<img src="images/lirun4.png" />
							</div>

						</div>
						<div class="top_right_top1">
							<div class="content">
								<div style="font-size: 13px;">
									<label for="jlrspan">
										净利润
									</label>
									
								</div>
								<div id="jlrId"></div>
								<span id="jlrspan" style="float: right;font-size:12px;font-weight: bold">200</span>
								<br>
								<br>
								<br>
								<br>
								<br>
								<br>
							</div>
							<div class="content" style="margin-top:80px;">
								<div style="font-size: 13px;">
									<label for="gsmgsjlrspan">
										归母公司净利润
									</label>
									
								</div>
								<div id="gsmgsjlrId"></div>
								<span id="gsmgsjlrspan" style="font-size:12px;font-weight: bold;float: right;"></span>
							</div>
						</div>
					</div>
					<!--    /* --------------------------*/-->
					<div class="top_right_but" style="margin-top:230px">
						<div class="image_div top_right_but1">
							<div class="rb11-left">
								<div class="content">
									<div style="font-size: 13px;">
										<label for="sfvspan">
											三费率:
										</label>
										<span id="sfvspan">200</span>
									</div>
									<div id="sfvId"></div>
								</div>
								<div class="content" style="margin-top: 0px">
									<div style="font-size: 13px;">
										<label for="mlvspan">
											毛利率:
										</label>
										<span id="mlvspan">200</span>
									</div>
									<div id="mlvId"></div>
									<br>
								</div>

							</div>
							<div class="rb11-right">
								<div class="content">
									<div style="font-size: 13px;">
										<label for="cbfyzespan">
											成本费用总额:
										</label>
										<span id="cbfyzespan">200</span>
									</div>
									<div id="cbfyzeId"></div>
								</div>
								<div class="content" style="height: 45px">
									<div style="font-size: 13px;">
										<label for="xslrvspan">
											销售利润率:
										</label>
										<span id="xslrvspan">200</span>
									</div>
									<div id="xslrvId"></div>
									<br>
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>
			
         </div>
		<div style="margin-left:320px;border:0px solid red;width:680px;height:200px;margin-top:-300px">
			
			<ul>
				
				<li style="border:0px solid red;height:200px;width:60%;float: left">
					<div class=""
							style="font-family: '微软雅黑';text-align:center;font-size: 14px;  font-size: 14px; margin-top: 0px;">
							<strong>成本费用结构图</strong>
					</div>
					<div id="chartright" style="height: 50%;margin-left:-15px;border:0px solid red;width:100%;"></div>
				</li>
				<li style="border:0px solid red;height:150px;width:40%;float: left;margin-left:350px">
				<div>
					<div style="text-align: center;font-weight: bold;font-size: 14px;font-family: 微软雅黑;margin-left:-70px;margin-top:-200px"><strong>成本费用利用率(%)</strong></div>
					<div id="chartleft" style="margin-left:10px;margin-top:0px"></div>
					<div style="z-index:100000;position: relative;top:-40px;left:-25px;font-family:微软雅黑;text-align: center" ><!-- <span id="cbfyvDivss">66.36</span> --></div>
				</div>
				</li>
			</ul>
		</div>	
	 </div>
	 
	 </div>
	 <script type="text/javascript">
	 /**
	     * slider yysr==营业收入 yycb==营业成本 yysjjfj=营业税金及附加 xsfy=销售费用 glfy=管理费用
	     * cwfy=财务费用 zcjzss=资产减值损失 gyzbddsy=公允值变动收益 tzsy=投资收益 yywsr=营业外收入
	     * yywzc=营业外支出 sdsfy=所得税费用 ssgdsy=少数股东权益
	     */
	    var slider_array = ["yysr", "yycb", "yysjjfj", "xsfy", "glfy", "cwfy", "zcjzss", "gyzbddsy", "tzsy", "yywsr", "yywzc", "sdsfy", "ssgdsy"], // lenght==13
	    /**
	     * zyywml=毛利 yylr=营业利润 lrze=利润总额 jlr=净利润 gsmgsjlr=归母公司净利润 sfv=三费率 mlv=毛利率
	     * cbfyze=成本费用总额 xslrv=销售利润率
	     */
	     progress_array=["zyywml", "yylr", "lrze", "jlr", "gsmgsjlr", "sfv", "mlv", "cbfyze", "xslrv"];
	 Ext.onReady(function(){
		 var industryParams=[{"cbfylrv":"成本费用利润率(%)"}] ,str = Utils.getUtilBeanStr(industryParams),index=slider_array.join(),
		 /*  company={id:"GS000011",text:"集团总公司"}, */
		 params ={company:company["id"],query :3,year :qj.year,month :qj.month,unit :qj.unit,index :index ,industryParams : str};
		 params.index=index;
		 params.industryParams = str;
		// console.dir("--------------");
		 //console.dir(params);
		var bean = new Cnbi.model.Profita({
		       params:params,
		       slider_array:slider_array,
		       progress_array:progress_array,
		       industryParams:industryParams,
		       domArray:["chartright","chartleft","_cnbi_chartId"],
		       updateInput:'input',
		       companyName:company["text"]
	 }); 
		  Ext.select("#document").show();
	// bean.init();
	});
</script>
	</body>
</html>
